<template>
  <!-- 评论情绪分布情况 -->
  <div class="emo2">
    <dv-border-box-12 style="width:800px; height:600px;">
      <dv-decoration-7 style="width:150px;height:30px;">情绪占比情况</dv-decoration-7>
      <div class="box">
        <bydpie></bydpie>
        <tslpie></tslpie>
      </div>
      <h4>比亚迪宋PLUS DM-i</h4>
      <h5>特斯拉Model Y</h5>
    </dv-border-box-12>
  </div>
</template>

<script>
import Bydpie from '@/components/All/com/Bydpie.vue'
import Tslpie from '@/components/All/com/Tslpie.vue'
export default {
  components: {
    Bydpie,
    Tslpie
  }
}
</script>

<style lang="less" scoped>
.box {
  display: flex;
  padding-top: 80px;
  position: relative;
}

.dv-decoration-7 {
  color: white;
  margin: auto;
  padding-top: 20px;
}

h4,h5 {
  color: white;
}

h4 {
  position: absolute;
  top: 70px;
  left: 125px;
}

h5 {
  position: absolute;
  top: 70px;
  right: 145px;
  font-size: 16px;
}

</style>